<template>
  <div class="content">
    <slot></slot>
  </div>
</template>

<script>
  export default{
    name: 'content'
  }
</script>

<style lang="scss">
@import '../sass/mixin.scss';
  .content {
    // @include flex($fr:column,$fw:wrap);
    // min-height: 60px;
    background-color: #fcfcfd;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    &.nmb {
      margin-bottom: 0;
    }
    &.bt {
      border-top: 1px solid #dcdcdc;
    }
    .title {
      font-size: 30px;
      /*px*/
      color: #333;
    }
    .text {
      font-size: 26px;
      /*px*/
      color: #666;
    }
    .content-head{
      margin-top:-20px;
      height: 80px; /*px*/
      line-height: 80px; /*px*/
      // padding:20px 0;
      width:100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-content: center;
    }
    .block-inner{
      padding:10px 0 0 0;
      p,span{
        line-height: 1.5;
      &:last-child{
        margin-left: 40px;
      }
      }
    }
    .content-column {
      font-size: 28px;/*px*/
      padding: 20px 3%;
      @include flex($fr: column, $jc:flex-start);
      &.bb {
        border-bottom: 1px solid #dcdcdc;
      }
    }
    .content-block {
      padding: 20px 3%; // padding:10px 0; /*px*/
      @include flex($jc: flex-start);
      &.jcfe {
        justify-content: flex-end;
      }
      &.acc{
        align-items: center;
      }
      position: relative;
      font-size: 28px;
      /*px*/
      &.space-between {
        justify-content: space-between;
      }
      span {
        font-size: 28px;
        /*px*/
        color: #333;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 500; //  flex:1;
        &~span {
          flex: none;
          &.flex2 {
            flex: 2;
          }
        }
        &.line-content {
          color: #ccc;
          font-weight: normal;
        }
      }
      &.bb {
        border-bottom: 1px solid #dcdcdc;
      }
    }
    span.ora {
      color: #fb4700;
    }
  }



</style>